@import '../../assets/styles/vars.less';

.cat-wrapper {
  display: flex;

  .item {
    flex: 1;
    padding: @base-size * 2 0;
    text-align: center;

    .icon-wrapper {
      margin: 0 auto @base-size / 4;
      width: 48Px;
      height: 48Px;
      text-align: center;
      color: #ffffff;
      border-radius: 50%;

      .iconfont {
        display: inline;
        line-height: 48Px;
        font-size: 24Px;
      }
    }

    .text {
      font-size: @text-size-small;
    }
  }
}
